<template>
  <div class="tool-editor" style="background: white">
    <table class="editorUl">
      <tbody>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_polygon" title="绘制多边形"
              ><img
                src="../../assets/images/graphic_tool/polygon.png"
                onmouseover="this.src='../../assets/images/graphic_tool/polygonHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/polygon.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_rectangle" title="绘制矩形"
              ><img
                src="../../assets/images/graphic_tool/rectangle.png"
                style="transform: rotateZ(45deg)"
                onmouseover="this.src='../../assets/images/graphic_tool/rectangleHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/rectangle.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_edit" title="修改图形"
              ><img
                src="../../assets/images/graphic_tool/edit.png"
                onmouseover="this.src='../../assets/images/graphic_tool/editHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/edit.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_move" title="移动图形"
              ><img
                src="../../assets/images/graphic_tool/move.png"
                onmouseover="this.src='../../assets/images/graphic_tool/moveHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/move.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a
              class="editBtn"
              id="addHouseTable_btn_clip"
              title="分割图形"
              data-bh="64b81314e67a16e8965de039adb00e46"
              data-objectid="undefined"
              ><img
                src="../../assets/images/graphic_tool/clip.png"
                onmouseover="this.src='../../assets/images/graphic_tool/clipHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/clip.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_union" title="合并图形"
              ><img
                src="../../assets/images/graphic_tool/union.png"
                onmouseover="this.src='../../assets/images/graphic_tool/unionHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/union.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_return" title="撤销编辑"
              ><img
                src="../../assets/images/graphic_tool/return.png"
                onmouseover="this.src='../../assets/images/graphic_tool/returnHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/return.png';"
            /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a class="editBtn" id="addHouseTable_btn_savegeo" title="保存编辑"
              ><img
                src="../../assets/images/graphic_tool/savegeo.png"
                onmouseover="this.src='../../assets/images/graphic_tool/savegeoHighlight.png';"
                onmouseout="this.src='../../assets/images/graphic_tool/savegeo.png';"
            /></a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
div,
ul,
li {
  margin: 0;
  padding: 0;
}
#toolDivEditor {
  background: white;
  //position: absolute;
  //right: 10px;
  // top: 10px;
  // z-index: 31;
  border-radius: 2px;
}
.editorUl {
  border-collapse: collapse;
  border: 0px;
}
.editorUl > tbody > tr > td {
  border-top: 1px solid #8080804f;
}
.editBtn {
  background-color: white;
}
</style>
